.login {
    display: flex;
    justify-content: center;
    align-items: center;

    .tit {
        position: absolute;
        top: 2%;
        left: 40.5%;
        font-size: 36px;
        font-weight: bold;
        color: white;
        background-color: rgba(0, 0, 0,0)
    }

    .loginbox {
        box-sizing: border-box;

        padding: 7% 5%;

        >div {
            display: flex;
            align-items: center;
            margin: 25px 0;
        }

        img {
            width: 12%;
            margin-right: 2%;
        }

        input {
            width: 85%;
            border-bottom: 1px solid #666666;
            height: 40px;
            color: #BDC3C7;
        }

        input::-webkit-input-placeholder {
            color: #666666;
        }
    }

    .check {
        color: #666;

        .ant-checkbox-checked::after {
            border-color: #3AF5FF;
        }

        .ant-checkbox-wrapper:hover .ant-checkbox-inner,
        .ant-checkbox:hover .ant-checkbox-inner,
        .ant-checkbox-input:focus+.ant-checkbox-inner {
            border-color: #3AF5FF;
        }

        .ant-checkbox-checked .ant-checkbox-inner {
            background-color: #3AF5FF;
        }
    }

    .ant-radio-wrapper {
        span {
            color: #666;
        }
    }

    .ant-radio-inner::after {
        background-color: #3AF5FF;

    }

    button {
        width: 100%;
        height: 40px;
        background-color: #3AF5FF;
    }

    .ant-btn-primary:hover,
    .ant-btn-primary:focus {
        background-color: #3AF5FF;
    }

}